body {
	margin: 0;
	background-color: #bee1f5;
	background-image: url(img/bg.jpg);
	background-repeat: repeat-x;
}

div {
	position: relative;
}

a {
	text-decoration: none;
}

.clearfix {
	zoom:1\9;
}

.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
    height: 0;
    font-size: 0;
}

/*---------------------------------*/

.userreg-wrap {
	width: 980px;
	margin: 150px auto 0;
	padding-bottom: 100px;
}

.userreg-title {
	width: 980px;
	height: 45px;
	margin-bottom: 35px;
	background-image: url(img/regsprite.png);
	_background-image: url(img/regsprite.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.userreg-box {
	width: 980px;
}

.userreg-box .bottomborder,
.userreg-box .topborder {
	width: 980px;
	height: 8px;
	background-image: url(img/regsprite.png);
	_background-image: url(img/regsprite.gif);
	background-position: 0 -120px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.userreg-box .bottomborder {
	background-position: 0 -130px;
}

.userreg-box .main {
	padding-top: 10px;
	width: 978px;
	border: 1px solid #bfbfbf;
	border-width: 0 1px 0 1px;
	background-color: #fff;
	padding-bottom: 50px;
}

.userreg-box .mod-a .icon-dot {
	display: block;
	position: absolute;
	left: 15px;
	top: 10px;
	width: 10px;
	height: 10px;
	background-image: url(img/regsprite.png);
	_background-image: url(img/regsprite.gif);
	background-position: -30px -100px;
	background-repeat: no-repeat;
}

.userreg-box .mod-a {
	padding-left:35px;
	position: relative;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	font-size: 16px;
	font-family: Arial,"Microsoft Yahei";
}

.userreg-box .mod-b {
	width: 600px;
	height: 70px;
	background-image: url(img/regsprite.png);
	_background-image: url(img/regsprite.gif);
	background-position: 0 -160px;
	background-repeat: no-repeat;
	margin-top: 20px;
}

.userreg-box .form-section {
	padding: 20px 0 50px 57px;
}


.userreg-box .input-name,
.userreg-box .input-area,
.userreg-box .input-normal,
.userreg-box .input-small,
.userreg-box .tip,
.userreg-box .get-vcode {
	float: left;
}

.userreg-box .input-name {
	width: 60px;
	padding-right: 10px;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	font-family: Arial;
	text-align: right;
}


.userreg-box .line {
	height: 50px;
}

.userreg-box .btnbar {
	height: 50px;
}

.userreg-box .input-normal,
.userreg-box .input-small {
	height: 30px;
}

.userreg-box .input-normal input,
.userreg-box .input-small input {
	height: 20px;
	line-height: 20px;
	display: block;
	border: 1px solid #d1d1d1;
	outline: 0;
	padding: 4px 6px;
	width: 198px;
}

.userreg-box .input-normal input:focus,
.userreg-box .input-small input:focus {
	border-color: #ffa00a;
}


.userreg-box .other {
	font-size: 12px;
}


.userreg-box .get-vcode {
	width: 128px;
	margin-right: 6px;
}

.userreg-box .input-small {
	width: 78px;
}

.userreg-box .input-small input {
	width: 64px;
}

.userreg-box .btnbar .reg {
	margin-left: 70px;
	width: 212px;
}

.userreg-box .other .message,
.userreg-box .other .login-link {
	margin-left: 70px;
	width: 220px;
	margin-bottom: 10px;
}

.userreg-box .other .login-link {
	font-size: 14px;
}

.userreg-box .btn-getcode,
.userreg-box .btn-reg {
	display: block;
	border: 1px solid #d1d1d1;
	height: 28px;
	cursor: pointer;
}

.userreg-box .btn-getcode span,
.userreg-box .btn-reg span {
	display: block;
	height: 26px;
	border: 1px solid #fff;
	line-height: 26px;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	background-color: #f2f2f2;
	color: #3a3a3a;
}

.userreg-box .btn-reg{
	height: 38px;
}
.userreg-box .btn-reg span {
	height: 36px;
	line-height: 36px;
}

.userreg-box .btn-getcode:hover,
.userreg-box .btn-reg:hover {
	border-color: #ffa00a;
}

.userreg-box .btn-getcode:hover span,
.userreg-box .btn-reg:hover span {
	background-color: #ffa00a;
	color: #fff;
}

.userreg-box .other a {
	font-size: 12px;
	color: #32a0e2;
}
.userreg-box .other a:hover {
	text-decoration: underline;
}


.userreg-box .btn-getcode-disabled,
.userreg-box .btn-getcode-disabled:hover {
	border-color: #d1d1d1;

}

.userreg-box .btn-getcode-disabled span,
.userreg-box .btn-getcode-disabled:hover span {
	border-color: #fff;
	background-color: #f2f2f2;
	color: #aaa;
}



.userreg-box .tip {
	height: 30px;
	padding-left: 30px;
	font-size: 12px;
	line-height: 30px;
	color: #707070;
}

.userreg-box strong {
	color: #ff2222;
	font-weight: normal;
}

.userreg-box .tip .right,
.userreg-box .tip .wrong  {
	position: absolute;
	top: 7px;
	left: 7px;
	width: 15px;
	height: 15px;
	display: block;
	background-image: url(img/regsprite.png);
	background-repeat: no-repeat;
}

.userreg-box .tip .right {
	background-position: 0 -100px;
}
.userreg-box .tip .wrong {
	background-position: -15px -100px;
}



/*-----------------------------------*/

.userlogin-wrap {
	width: 980px;
	margin: 150px auto 0;
	padding-bottom: 100px;
}

.userlogin-title {
	width: 980px;
	height: 45px;
	margin-bottom: 35px;
	background-image: url(img/regsprite.png);
	_background-image: url(img/regsprite.gif);
	background-position: 0 -45px;
	background-repeat: no-repeat;
}

.userlogin-box {
	width: 980px;
}

.userlogin-box .bottomborder,
.userlogin-box .topborder {
	width: 980px;
	height: 8px;
	background-image: url(img/regsprite.png);
	_background-image: url(img/regsprite.gif);
	background-position: 0 -120px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.userlogin-box .bottomborder {
	background-position: 0 -130px;
}

.userlogin-box .main {
	padding-top: 10px;
	width: 978px;
	border: 1px solid #bfbfbf;
	border-width: 0 1px 0 1px;
	background-color: #fff;
	padding-bottom: 50px;
}

.userlogin-box .mod-a .icon-dot {
	display: block;
	position: absolute;
	left: 15px;
	top: 10px;
	width: 10px;
	height: 10px;
	background-image: url(img/regsprite.png);
	_background-image: url(img/regsprite.gif);
	background-position: -30px -100px;
	background-repeat: no-repeat;
}




.userlogin-box  .show-photo {
	float: left;
	padding: 50px 30px;
	width: 483px;
	height: 357px;
}

.userlogin-box  .show-photo .img {
	border: 1px solid #4de249;
	box-shadow: 0 0 3px #4de249;
}

.userlogin-box  .show-photo img {
	border: 0;
	display: block;
}



.userlogin-box .login-function {
	float: left;
	margin-left: 80px;
}




.userlogin-box .mod-a {
	padding-left:35px;
	position: relative;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	font-size: 16px;
	font-family: Arial,"Microsoft Yahei";
}

.userlogin-box .mod-b {
	width: 317px;
	height: 70px;
	background-image: url(img/regsprite.png);
	_background-image: url(img/regsprite.gif);
	background-position: -650px -160px;
	background-repeat: no-repeat;
}


.userlogin-box .form-section {
	padding: 20px 0 50px 27px;
}


.userlogin-box .input-name,
.userlogin-box .input-area,
.userlogin-box .input-normal,
.userlogin-box .input-small,
.userlogin-box .tip,
.userlogin-box .get-vcode {
	float: left;
}

.userlogin-box .input-name {
	width: 60px;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	font-family: Arial;
	text-align: right;
	padding-right: 10px;
}


.userlogin-box .line {
	height: 50px;
}

.userlogin-box .btnbar {
	height: 50px;
}

.userlogin-box .input-normal,
.userlogin-box .input-small {
	height: 30px;
}

.userlogin-box .input-normal input,
.userlogin-box .input-small input {
	height: 20px;
	line-height: 20px;
	display: block;
	border: 1px solid #d1d1d1;
	outline: 0;
	padding: 4px 6px;
	width: 188px;
}

.userlogin-box .input-normal input:focus,
.userlogin-box .input-small input:focus {
	border-color: #ffa00a;
}


.userlogin-box .other {
	font-size: 12px;
}


.userlogin-box .get-vcode {
	width: 128px;
	margin-right: 6px;
}

.userlogin-box .btnbar .login {
	margin-left: 70px;
	width: 202px;
}

.userlogin-box .other .message,
.userlogin-box .other .login-link {
	margin-left: 70px;
	width: 220px;
	margin-bottom: 10px;
	text-align: center;
}

.userlogin-box .other .login-link {
	font-size: 14px;
}

.userlogin-box .btn-getcode,
.userlogin-box .btn-login {
	display: block;
	border: 1px solid #d1d1d1;
	height: 38px;
	cursor: pointer;
}

.userlogin-box .btn-getcode span,
.userlogin-box .btn-login span {
	display: block;
	height: 36px;
	border: 1px solid #fff;
	line-height: 36px;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	background-color: #f2f2f2;
	color: #3a3a3a;
}

.userlogin-box .btn-getcode:hover,
.userlogin-box .btn-login:hover {
	border-color: #ffa00a;
}

.userlogin-box .btn-getcode:hover span,
.userlogin-box .btn-login:hover span {
	background-color: #ffa00a;
	color: #fff;
}

.userlogin-box .other a {
	font-size: 12px;
	color: #32a0e2;
}
.userlogin-box .other a:hover {
	text-decoration: underline;
}


.userlogin-box .btn-getcode-disabled,
.userlogin-box .btn-getcode-disabled:hover {
	border-color: #d1d1d1;

}

.userlogin-box .btn-getcode-disabled span,
.userlogin-box .btn-getcode-disabled:hover span {
	border-color: #fff;
	background-color: #f2f2f2;
	color: #aaa;
}



.userlogin-box .tip {
	height: 30px;
	padding-left: 30px;
	font-size: 12px;
	line-height: 30px;
	color: #707070;
}

.userlogin-box strong {
	color: #ff2222;
	font-weight: normal;
}

.userlogin-box .tip .right,
.userlogin-box .tip .wrong  {
	position: absolute;
	top: 7px;
	left: 7px;
	width: 15px;
	height: 15px;
	display: block;
	background-image: url(img/regsprite.png);
	background-repeat: no-repeat;
}

.userlogin-box .tip .right {
	background-position: 0 -100px;
}
.userlogin-box .tip .wrong {
	background-position: -15px -100px;
}

.userlogin-box .pwd-function {
	margin-left: 70px;
	margin-bottom: 15px;
}


.userlogin-box .pwd-function .remember{
	float: left;
	width: 100px;
}

.userlogin-box .pwd-function .forget{
	float: right;
	width: 100px;
	text-align: right;
	padding-right: 20px;
}

.userlogin-box .pwd-function .forget a{
	color: #34a1e2;
}

.userlogin-box .pwd-function .forget a:hover {
	text-decoration: underline;
}










/* user-reg v2.0.0 */

.page-reg {
	background-color: #f2f2f2;
	background-image: none;
	/*overflow-x: hidden;*/
	font-family: Arial;
	font-size: 14px;
}

.page-reg a:link {
	color: #32a0e2;
}

.page-reg .hgroup {
	padding-top: 100px;
	width: 980px;
	margin: 0 auto;
	height: 40px;
}

.page-reg .hgroup h1 {
	font-size: 24px;
	height: 24px;
	line-height: 24px;
	margin: 0;
	font-family: "simhei","Microsoft Yahei";
	color: #444;
	padding-left: 20px;
	position: relative;
}

.page-reg .hgroup .icon-bluepoint {
	background-image: url(img/bluepoint.png);
	width: 13px;
	height: 13px;
	position: absolute;
	left: 4px;
	top: 6px;
}



.page-reg .ornament {
	position: absolute;
}

.page-reg .ornament-splitline {
	width: 1px;
	height: 396px;
	position: absolute;
	left: 667px;
	background-image: url(img/splitline.jpg);
}


.page-reg .ornament-left {
	width: 238px;
	height: 247px;
	top: 160px;
	left: -242px;
	background-image: url(img/ornament-left.jpg);
}

.page-reg .ornament-right {
	width: 524px;
	height: 301px;
	top: 159px;
	right: -244px;
	background-image: url(img/ornament-right.jpg);
}

.page-reg .footer {
	width: 980px;
	margin: 0 auto;
	padding-top: 45px;
	font-size: 13px;
}

.page-reg .footer-nav,
.page-reg .footer-copyright {
	width: 1024px;
	height: 24px;
	line-height: 24px;
	margin: 0 auto;
	text-align: center;
}

.page-reg .footer-nav span {
	margin: 0 2px;
}

.page-reg .footer-copyright span,
.page-reg .footer-nav span,
.page-reg .footer-nav a {
	color: #808080;
}

.page-reg .form-section {
	padding: 40px 0 0 100px;
	position: absolute;
	left: 0;
	width: 567px;
}

.page-reg .link-login {
	padding: 40px;
	position: absolute;
	left: 668px;
}

.page-reg .regbox {
	width: 972px;
	height: 396px;
	margin: 0 auto;
	border: 4px solid #e1e0e0;
	background-color: #fff;
}

.page-reg .form-section .line {
	height: 30px;
	margin-bottom: 18px;
}

.page-reg .form-section .line .input-name,
.page-reg .form-section .line .input-area,
.page-reg .form-section .line .tip {
	float: left;
}

.page-reg .form-section .line .input-name {
	width: 78px;
	text-align: right;
	height: 30px;
	line-height: 30px;
	padding-left: 30px;
}

.page-reg .form-section input {
	border: 1px solid #ccc;
	outline: none;
	height: 24px;
	padding: 2px 4px;
	transition: border .2s ease;
}

.page-reg .form-section input:focus {
	border-color: #7abd54;
}



.page-reg .input-large input {
	width: 262px;
}

.page-reg .input-small input {
	width: 92px;
}



.page-reg .tip {
	height: 30px;
	padding-left: 30px;
	font-size: 12px;
	line-height: 30px;
	color: #707070;
}

.page-reg .tip strong {
	color: #ff2222;
	font-weight: normal;
}

.page-reg .tip .right,
.page-reg .tip .wrong  {
	position: absolute;
	top: 7px;
	left: 7px;
	width: 15px;
	height: 15px;
	display: block;
	background-image: url(img/regsprite.png);
	background-repeat: no-repeat;
}

.page-reg .tip .right {
	background-position: 0 -100px;
}
.page-reg .tip .wrong {
	background-position: -15px -100px;
}





.page-reg .confirm-vcode {
	margin-left: 4px;
}

.page-reg .form-section .icon-phone {
	width: 29px;
	height: 29px;
	background-image: url(img/icon-phone.png);
	position: absolute;
	left: 0;
	background-repeat: no-repeat;
}



.page-reg .form-section .btnbar,
.page-reg .form-section .other {
	padding-left: 108px;
	margin-bottom: 10px;
}



.page-reg .btn-getcode {
	display: block;
	border: 1px solid #ccc;
	height: 28px;
	cursor: pointer;
	width: 164px;
}

.page-reg .btn-getcode span {
	display: block;
	height: 26px;
	border: 1px solid #fff;
	line-height: 26px;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	background-color: #f2f2f2;
	color: #3a3a3a;
}

.page-reg .btn-getcode:hover {
	border-color: #ffa00a;
}

.page-reg .btn-getcode:hover span {
	background-color: #ffa00a;
	color: #fff;
}

.page-reg .btn-getcode-disabled:hover,
.page-reg .btn-getcode-disabled {
	border-color: #d1d1d1;
	cursor: default;
}

.page-reg .btn-getcode-disabled:hover span,
.page-reg .btn-getcode-disabled span {
	border-color: #fff;
	background-color: #f2f2f2;
	color: #aaa;
}

/**/

.page-reg .btn-reg {
	width: 270px;
	height: 38px;
	display: block;
	border: 1px solid #b26416;

}


.page-reg .btn-reg span {
	height: 36px;
	line-height: 36px;
	display: block;
	background-color: #ea8118;
	border: 1px solid #eb8520;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	/*letter-spacing: 6px;*/
}

.page-reg .btn-reg:hover span {
	border-color: #ff9b01;
	background-color: #ff9b01;
}

/**/

.page-reg .message {
	font-size: 12px;
}